<template>
  <div id="app">
    <router-view />
    <tabbar v-show="showTabbar"></tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      showTabbar: true
    };
  }
};
</script>
<style>
body {
  margin: 0;
  padding: 0;
  background: #f4f3f3;
}
p {
  margin: 0;
  padding: 0;
}
* {
  font-size: 14px;
}
#app {
  width: 100%;
  height: 100%;
}
.wm {
  width: 100%;
}
.wn {
  width: 94.6%;
  margin: 0 auto;
}
.wmin {
  width: 89%;
  margin: 0 auto;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.ac {
  display: flex;
  align-items: center;
}
.jc {
  display: flex;
  justify-content: center;
}
.ajc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bt {
  display: flex;
  justify-content: space-between;
}
.col {
  display: flex;
  flex-direction: column;
}
.end {
  display: flex;
  justify-content: flex-end;
}
</style>
